<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" markupType="xhtml" id="homePageId"
	contentType="text/html">
	
<!--	<a4j:page id="main">-->
	<html>
	<head>
			<link rel="SHORTCUT ICON" href="imgs/favicon.png" />
			<a4j:loadStyle src="/css/style.css" />
			<a4j:loadStyle src="/css/contactable.css" />
			<a4j:loadScript src="/js/base.js" />
			<title>#{title}</title>
			<!--  <link href="../css/style.css" type="text/css" rel="stylesheet">-->
			<a4j:loadBundle basename="/LabelMessages" var="label" />
			<a4j:loadScript src="/js/jquery.contactable.packed.js" />
<!--			<a4j:loadScript src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" />-->
<!--		<a4j:loadScript src="/js/jquery.contactable.packed.js" />-->
		<script>
			jQuery(function(){
				jQuery('#contact').contactable({
			 		recipient: 'test@test.com',
			 		subject: 'A Feeback Message'
			 	});
			});

		</script>
		</head>
		<body>

			<!-- suggest -->
<!--			<div id="contact">-->
<!--					<div id="contactable">您的建议是我们前进的动力!</div>-->
<!--					<h:form id="contactForm">-->
<!--					<div id="loading"></div><div id="callback"></div><div class="holder">-->
<!--					<p><label for="name">称呼：  <span class="red"> * </span></label><br />-->
<!--					<h:inputText value="#{FeedBackHandler.feedUser}" styleClass="contact input1" id="name" />-->
<!--					</p><p><label for="email">邮件地址：  <span class="red"> * </span></label><br />-->
<!--					<h:inputText value="#{FeedBackHandler.feedMail}" id="email" styleClass="input1"/>-->
<!--					</p><p>-->
<!--					<label for="comment">您的建议： <span class="red"> * </span></label><br />-->
<!--					<h:inputTextarea value="#{FeedBackHandler.feedContent}" id="comment" styleClass="comment" rows="4" cols="30"/>-->
<!--					</p><p>-->
<!--					<h:outputText value="#{FeedBackHandler.message}"/>-->
<!--					<h:commandButton styleClass="submit" value="递交建议或Bug" action="#{FeedBackHandler.feedback}"/>-->
<!--					</p><p></p></div>-->
<!--					</h:form>-->
<!--			</div>-->
			
			<a4j:form>
			
			<!-- loading -->
			<rich:modalPanel id="loading" height="100" width="150" top="0"
				style="background-color:#FFFFFF;border:0px;text-align:center;">
			处理中，请稍候...
			<h:graphicImage value="/imgs/loading.gif" />
			</rich:modalPanel>
			
			<a4j:status onstart="Richfaces.showModalPanel('loading')" onstop="Richfaces.hideModalPanel('loading');message();"></a4j:status>
			
			<!-- header -->
			<div id="headeruser">
				<h:commandLink value="#{label.loginin}" action="login" />
				<h:commandLink value="|" />
				<h:commandLink value="#{label.loginout}" action="http://www.baidu.com" />
				<h:commandLink value="|" />
				<h:commandLink value="#{label.register}" action="register" />
			</div>
			</a4j:form>


			<div id="container">
				
				<a4j:form>
					<div id="header">
						<h:graphicImage value="/imgs/logo.png" />
						<h:selectOneListbox>
							<f:selectItem itemValue="请选择语言" />
						</h:selectOneListbox>

						<h:selectOneListbox>
							<f:selectItem itemValue="更换皮肤" />
						</h:selectOneListbox>
					</div>

					<div id="menu">

						<rich:toolBar>
							<rich:dropDownMenu>
								<f:facet name="label">
									<h:panelGroup>
										<h:outputText value="首页" styleClass="fontStyle" />
									</h:panelGroup>
								</f:facet>
								<rich:menuItem submitMode="ajax" value="cdef" onclick=""
									styleClass="style3" selectClass="selectStyle3" />
							</rich:dropDownMenu>
							<rich:dropDownMenu>
								<f:facet name="label">
									<h:panelGroup>
										<h:outputText value="简历建议" styleClass="fontStyle" />
									</h:panelGroup>
								</f:facet>
								<rich:menuItem submitMode="ajax" value="cdef" onclick=""
									styleClass="style3" selectClass="selectStyle3" />
							</rich:dropDownMenu>
							<rich:dropDownMenu>
								<f:facet name="label">
									<h:panelGroup>
										<h:outputText value="编辑简历" styleClass="fontStyle" />
									</h:panelGroup>
								</f:facet>
								<rich:menuItem submitMode="ajax" value="cdef" onclick=""
									styleClass="style3" selectClass="selectStyle3" />
							</rich:dropDownMenu>
							<rich:dropDownMenu>
								<f:facet name="label">
									<h:panelGroup>
										<h:outputText value="预览简历" styleClass="fontStyle" />
									</h:panelGroup>
								</f:facet>
								<rich:menuItem submitMode="ajax" value="cdef" onclick=""
									styleClass="style3" selectClass="selectStyle3" />
							</rich:dropDownMenu>
							<rich:dropDownMenu>
								<f:facet name="label">
									<h:panelGroup>
										<h:outputText value="发送简历" styleClass="fontStyle" />
									</h:panelGroup>
								</f:facet>
								<rich:menuItem submitMode="ajax" value="cdef" onclick=""
									styleClass="style3" selectClass="selectStyle3" />
							</rich:dropDownMenu>
							<rich:dropDownMenu>
								<f:facet name="label">
									<h:panelGroup>
										<h:outputText value="企业招聘网址" styleClass="fontStyle" />
									</h:panelGroup>
								</f:facet>
								<rich:menuItem submitMode="ajax" value="cdef" onclick=""
									styleClass="style3" selectClass="selectStyle3" />
							</rich:dropDownMenu>
						</rich:toolBar>
					</div>
				</a4j:form>

				<a4j:form ajaxSubmit="true" ajaxSingle="false" id="contentForm">
<!--					<div id="content" style="background-color:#{a4jSkin.generalBackgroundColor};">-->
					<div id="content">
					<ui:insert name="content" />
					</div>
				</a4j:form>

				<!-- footer -->
				<div id="footer">
					Copyright &copy; © 2009-2010
					<a href="mailto:admin@youmo365.com">联系我们</a> &nbsp;
					<a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备09094608号</a>
					<a
						href="http://wpa.qq.com/msgrd?V=1&amp;Uin=410834149&amp;Site=幽默365&amp;Menu=yes"
						target="blank">Powered by MakeJL</a> &nbsp;
					<br />
				</div>
			</div>

			<a4j:form ajaxSubmit="true" ajaxSingle="false">
				<rich:modalPanel id="feedback">
					<f:facet name="header">
						<h:panelGroup>
							<h:outputText value="header1" />
						</h:panelGroup>
					</f:facet>
				
					<f:facet name="controls">
						<h:panelGroup>
							<h:commandLink value="关闭 " onclick="#{rich:component('feedback')}.hide()"/>
							<rich:componentControl for="feedback" attachTo="hidelink"
								operation="hide" event="onclick" />
						</h:panelGroup>
					</f:facet>
				</rich:modalPanel>
			</a4j:form>
			
<!--	</a4j:page>-->

<!-- modal panel message -->
		<a4j:outputPanel ajaxRendered="true" id="homeOutputPanelId">
			<a4j:include viewId="/templates/modalPanelMsg.xhtml" id="homeIncludeMPMId"/>
		</a4j:outputPanel>
	</body>
	</html>
</f:view>